<template>
  <div class="app">
    <MainLayout v-if="shouldUseLayout">
      <router-view />
    </MainLayout>
    <router-view v-else />
  </div>
</template>

<script setup>
import { computed } from 'vue';
import { useRoute } from 'vue-router';
import MainLayout from '@/components/layout/MainLayout.vue';

const route = useRoute();

const shouldUseLayout = computed(() => {
  return route.meta.layout !== false;
});
</script>